<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>最青春</title>
<meta name="description" content="Free Responsive Html5 Css3 Templates">
<meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="shortcut icon" href="img/title.png"/>
	<link rel="stylesheet" href="css/zerogrid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/menu.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/owl.carousel.js"></script>
	<script src="js/script.js"></script>
	
<style type="text/css">
input {
	padding: 10px;
	width: 65%;
	background: #363636;
	color: #fff;
}
</style>
</head>

<body class="home-page">
	<div class="wrap-body">

		<header class="main-header">
			<div class="zerogrid">
				<div class="row">
					<div class="col-1-3">
						<a class="site-branding" href="http://51zhangz.top"> </a>
						<!-- .site-branding -->
					</div>
					<div class="col-2-3">
						<!-- Menu-main -->
						<div id='cssmenu' class="align-right">
							<ul>
								<li class="active"><a href='/'><span>首页</span></a></li>
								<li><a href='files/video' target="_blank"><span>视频教程</span></a></li>
								<li><a href='files/files' target="_blank"><span>文件下载</span></a></li>
								<li><a href='messageBoard/message' target="_blank"><span>留言板</span></a></li>
								<li class='last'><a href='about' target="_blank"><span>我的</span></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</header>

		<section id="container" class="zerogrid">
			<div class="wrap-container">

				<section class="content-box box-1">
					<div class="wrap-box">
						<!--Start Box-->
						<div id="owl-travel" class="owl-carousel">
							<div class="item">
								<img src="img/timg.jpg" style="height: 200px;" />
							</div>
							<div class="item">
								<img src="img/qingchun.jpg" style="height: 200px;" />
							</div>
						</div>
					</div>
				</section>

				<section class="content-box box-3 box-style-1"
					style="background: #000; color: #fff">
					<div class="row wrap-box">
						<div class="col-1-1">
							<div class="wrap-col">
								<div style="text-align: left; padding: 15px;">
									<p>
										<strong>人的一生并不是幸福之旅，并非总是一帆风顺，而是经常在光明和黑暗之间左右摇摆.</strong>
									</p>
									<p>
										<strong>批评毫无用处，批评是危险的，试着站在别人的角度看问题.</strong>
									</p>
									<p>
										<strong>世上每个人都在追寻快乐，但仅有一个十分有效的方法，就是很好的控制自己的思想.</strong>
									</p>
									<p>
										<strong>如果他人已经没有对你有好印象了，你用尽所能的理论很难让他人信服.</strong>
									</p>
									<p>
										<strong>不要用命令的语气说话，而要用委婉的提问语气.</strong>
									</p>
									<p>
										<strong>称赞他人时，让其感受到真诚，称赞他人就等于赞美自己.</strong>
									</p>
								</div>
								<div style="text-align: right; padding: 15px;">
									<p>
										<strong>《人性的弱点》</strong>
									</p>
									<p>
										<strong>励志导师——戴尔 · 卡耐基</strong>
									</p>
								</div>
							</div>
						</div>

					</div>
				</section>
				<section class="content-box box-2">
					<div class="wrap-box">
						<!--Start Box-->
						<div class="row">
							<div class="col-2-5 box-item">
								<a class="box-item-inner"
									href="http://47.107.111.156:8080/qmkh/login" target="_blank">
									<div class="box-item-image gradient-1"
										style="background-image: url('img/libary.png')"></div>
									<h3 class="sub-title">01.</h3>
									<div class="box-item-detail">
										<h2 class="title">图书管理系统</h2>
										<p>
											<strong>2019-06-23</strong>
										</p>
									</div>
								</a>
							</div>
							<div class="col-3-5 box-item">
								<a class="box-item-inner"
									href="http://192.168.52.163:8080/ei/login" target="_blank">
									<div class="box-item-image gradient-2"
										style="background-image: url('img/ei.png')"></div>
									<h3 class="sub-title">02.</h3>
									<div class="box-item-detail">
										<h2 class="title">电子发票管理系统</h2>
										<p>
											<strong>2018-03-02</strong>
										</p>
									</div>
								</a>
							</div>
							<div class="col-3-5 box-item">
								<a class="box-item-inner" href="http://www.51baiyao.com/gsm"
									target="_blank">
									<div class="box-item-image gradient-3"
										style="background-image: url('img/baiyao.png')"></div>
									<h3 class="sub-title">03.</h3>
									<div class="box-item-detail">
										<h2 class="title">智能垃圾分类</h2>
										<p>
											<strong>2019-10-10</strong>
										</p>
									</div>
								</a>
							</div>
							<div class="col-2-5 box-item">
								<a class="box-item-inner" href="http://51zhangz.top">
									<div class="box-item-image gradient-4"
										style="background-image: url('img/qidai.jpg')"></div>
									<h3 class="sub-title">04.</h3>
									<div class="box-item-detail">
										<h2 class="title">更多敬请期待.....</h2>
										<p>
											<strong>51zhangz.top</strong>
										</p>
									</div>
								</a>
							</div>
						</div>
					</div>


				</section>
			</div>
		</section>


		<footer>
			<div class="zerogrid">
				<div class="wrap-footer">
					<div class="row">
						<div class="col-1-3 col-footer-1">
							<div class="wrap-col">
								<h3 class="widget-title">关于本站</h3>
									<p>本站建于2019年9月，主要记录技术分享，交流，心得，吐槽等...
									<p>本站开发环境：Eclipse+MySQL</p>
									<p>前端：HTML5&CSS3、layUI、jQuery</p>
									<p>后端：SpringMVC、springboot、hibernate&spring-data-jpa</p>
									<p>安全控件：springsecurity</p>
								
							</div>
						</div>
						<div class="col-1-3 col-footer-2">
							<div class="wrap-col">
								<h3 class="widget-title">联系我</h3>
								<p>可通过以下方式联系到我</p>
								<p>QQ：2460480377</p>
								<p>Email：zhangz1225@qq.com</p>
								<p>微信：zzaizhangzeng</p>
								<p><a href="https://blog.csdn.net/weixin_42279584" target="_blank">CSDN：https://blog.csdn.net/weixin_42279584</a></p>
								<p><a href="https://gitee.com/sxzy_110" target="_blank">码云：https://gitee.com/sxzy_110</a></p>
							</div>
						</div>
						<div class="col-1-3 col-footer-3">
							<div class="wrap-col">
								<h3 class="widget-title">管理员登录</h3>
								<div class="row">

									<form action="index" method="post">
										<input type="text" name="username" placeholder="请输入用户名">
										<input type="password" name="password" placeholder="请输入密码">
										<div style="text-align: right;">
											<span th:text="${error}" style="color: red;"></span>
											<button type="submit" class="button button-defut"
												style="margin-top: 10px;">登录</button>
										</div>
									</form>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="bottom-footer">
					<div class="copyright">
						张政 - 博主欧巴 <a href="http://51zhangz.top" target="_blank"
							title="51zhangz">51zhangz.top</a> - QQ邮箱：zhangz1225@qq.com
					</div>
				</div>
			</div>
		</footer>

	</div>


	<!-- 轮播图 -->
	<script>
	$(document).ready(function() {
	  $("#owl-travel").owlCarousel({
		autoplay:true,
		autoplayTimeout:3000,
		loop:true,
		items : 1,
		nav:true,
		navText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'],
		pagination:false
	  });
	});
	</script>

</body>
</html>